<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>IoTSharp.Native.Host</title>
    <base href="/" />
</head>

<body>
    <app>Loading...</app>

    <div id="blazor-error-ui" style="display: none;">
        An unhandled error has occurred.
        <a href class="reload">Reload</a>
        <a class="dismiss">🗙</a>
    </div>

    <script src="framework://blazor.desktop.js"></script>

    <script>
        /* Hack for ElementReference Capture */
        DotNet.attachReviver((key, value) => {
            if (value && typeof value === 'object' && value.hasOwnProperty('id') && Object.keys(value).length === 1 && typeof value['id'] === 'string' && value['id'].length === 36) {
                return document.querySelector(`[_bl_${value['id']}]`);
            }
            return value;
        });
    </script>

    <!-- Reference the included moment.js javascript file. -->
    <!-- <script src="_content/ChartJs.Blazor/moment-with-locales.min.js" type="text/javascript" language="javascript"></script> -->

    <!-- Reference the included ChartJs javascript file. -->
    <!-- <script src="_content/ChartJs.Blazor/Chart.min.js" type="text/javascript" language="javascript"></script> -->

    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script> -->

    <!-- This is the glue between the C# code and the ChartJs charts -->
    <!-- <script src="_content/ChartJs.Blazor/ChartJsBlazorInterop.js" type="text/javascript" language="javascript"></script> -->

    <!-- Some styling ChartJs charts -->
    <!-- <link rel="stylesheet" href="_content/ChartJs.Blazor/ChartJSBlazor.css" /> -->
</body>

</html>
